<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>导出</title>
    <style>
        body {
            font-family: SimHei;
        }

        h2,
        h3 {
            width: 650px;
            max-width: 650px;
            margin: 15px auto;
            text-align: center;
        }

        .box {
            width: 650px;
            max-width: 650px;
            margin: auto;
        }

        table {
            width: 650px;
            margin: auto;
            border: 1px solid #000;
            border-spacing: 0;
            /*去掉单元格间隙*/
            box-sizing: border-box;
        }

        tr td {
            padding: 0;
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            box-sizing: border-box;
            word-break: break-all;
            text-align: center;
        }

        .img tr td img {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 5px 2px;
        }

        td.imgBox {
            height: 50px;
        }
    </style>
</head>


<body>
<h3>安全检查记录单</h3>
<div class="box">
    <table class="img">
        <tr>
            <td></td>
            <td>项目名称</td>
            <td>${deptName!}</td>
            <td>检查类型</td>
            <td style="border-right: 0;">隐患问题</td>
        </tr>
        <!--        问题信息-->
        <tr>
            <td rowspan="4" style="border-bottom:0;width: 100px;">问题信息</td>
            <td>检查人员</td>
            <td>${userName!}</td>
            <td>检查时间</td>
            <td style="border-right: 0;">${checkTime!}</td>
        </tr>
        <tr>
            <td>检查部位</td>
            <td colspan="3" style="text-align: left;text-indent:1em;border-right: 0;">
                ${partName!}
            </td>
        </tr>
        <tr>
            <td style="width: 100px;">存在问题</td>
            <td style="width: 330px;text-align: left;text-indent:1em;word-wrap:break-word;word-break:break-all;height: 100px;line-height: 20px;border-right: 0;"
                colspan="3">
                ${rectifyRequire!}
            </td>
        </tr>
        <tr>
            <td style="border-bottom: 0;">问题照片</td>
            <td class="imgBox" colspan="3" style="text-align: left;width: 115px;border-right: 0;border-bottom: 0;">
                ${imgUrlList!}
            </td>
        </tr>
    </table>
</div>
<#list logList as log>
<#if log_index%4=0 && log_has_next=false>
<div class="box" style="margin-bottom: 130px;">
    <#else>
    <div class="box">
    </#if>
    <#if log.opType=2>
    <table style="border-top: 0;" class="img">
        <!-- 整改信息-->
        <tr>
            <td rowspan="4" style=" border-bottom: 0;width: 100px;">整改信息</td>
            <td style="width: 100px;">整改人</td>
            <td style="width: 100px;">
                ${log.userName!}
            </td>
            <td>整改期限</td>
            <td style="border-right: 0;width: 150px;">
                ${log.opTime!}
            </td>
        </tr>
        <tr>
            <td style="width: 100px;">整改要求</td>
            <td style="width: 330px;text-align: left;text-indent:1em;word-wrap:break-word;word-break:break-all;height: 100px;line-height: 20px;border-right: 0;"
                colspan="3">
                ${log.rectifyRequire!}
            </td>
        </tr>
        <tr>
            <td style="width: 100px;">整改情况</td>
            <td style="width: 330px;text-align: left;text-indent:1em;word-wrap:break-word;word-break:break-all;height: 100px;line-height: 20px;border-right: 0;"
                colspan="3">
                ${log.opDesc!}
            </td>
        </tr>
        <tr>
            <td style="border-bottom: 0;">整改照片</td>
            <td class="imgBox" colspan="3"
                style="text-align: left;width: 115px;border-right: 0;border-bottom: 0;">
                ${log.imgUrlList!}
            </td>
        </tr>
    </table>
    <#elseif log.opType=3>
    <table style="border-top: 0;" class="img">
        <!--        复查信息-->
        <tr>
            <td rowspan="3" style=" border-bottom: 0;width: 100px;">复查信息</td>
            <td style="width: 100px;">复查人</td>
            <td style="width: 100px;">
                ${log.userName!}
            </td>
            <td>复查时间</td>
            <td style="border-right: 0;width: 150px;">
                ${log.opTime!}
            </td>
        </tr>
        <tr>
            <td style="width: 100px;">复查情况</td>
            <td style="width: 330px;text-align: left;text-indent:1em;word-wrap:break-word;word-break:break-all;height: 100px;line-height: 20px;border-right: 0;"
                colspan="3">
                ${log.opDesc!}
            </td>
        </tr>
        <tr>
            <td style="border-bottom: 0;">整改照片</td>
            <td class="imgBox" colspan="3"
                style="text-align: left;width: 115px;border-right: 0;border-bottom: 0;">
                ${log.imgUrlList!}
            </td>
        </tr>
    </table>
    <#elseif log.opType=4>
    <table style="border-top: 0;" class="img">
        <!--        复查信息-->
        <tr>
            <td rowspan="3" style=" border-bottom: 0;width: 100px;">核验信息</td>
            <td style="width: 100px;">核验人</td>
            <td style="width: 100px;">
                ${log.userName!}
            </td>
            <td>复查时间</td>
            <td style="border-right: 0;width: 150px;">
                ${log.opTime!}
            </td>
        </tr>
        <tr>
            <td style="width: 100px;">核验情况</td>
            <td style="width: 330px;text-align: left;text-indent:1em;word-wrap:break-word;word-break:break-all;height: 100px;line-height: 20px;border-right: 0;"
                colspan="3">
                ${log.opDesc!}
            </td>
        </tr>
        <tr>
            <td style="border-bottom: 0;">整改照片</td>
            <td class="imgBox" colspan="3"
                style="text-align: left;width: 115px;border-right: 0;border-bottom: 0;">
                ${log.imgUrlList!}
            </td>
        </tr>
    </table>
</#if>
</div>
</#list>
</body>

</html>